<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt">

    <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

    <!-- Framework CSS -->
    <link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/screen.css" type="text/css"  />
    <link media="print" rel="stylesheet" href="{{MEDIA_URL}}css/print.css" type="text/css" />
    <!--[if IE]>
    <link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/ie.css" type="text/css" />
    <![endif]-->

    <link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/MooEditable/MooEditable.css" type="text/css" />
	<link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/MooEditable/MooEditable.Extras.css" type="text/css" />
	
	<link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/notimoo/notimoo-v1.1.css" type="text/css" />
    <link media="screen, projection" rel="stylesheet" href="{{MEDIA_URL}}css/forum_styles.css" type="text/css" />

    <script src="{{MEDIA_URL}}js/mootools-1.2.4-core-yc.js" type="text/javascript"></script>
	<script src="{{MEDIA_URL}}js/mootools-1.2.4.2-more.js" type="text/javascript"></script>
	<script src="{{MEDIA_URL}}js/notimoo/notimoo-v1.1.js" type="text/javascript"></script>
    <script src="{{MEDIA_URL}}js/MooEditable/MooEditable.js" type="text/javascript"></script>
	<script src="{{MEDIA_URL}}js/MooEditable/MooEditable.Extras.js" type="text/javascript"></script>
	
    {# scripts do forumBr #}
	<script src="{{MEDIA_URL}}js/forum_lib.js" type="text/javascript"></script>
	<script src="{{MEDIA_URL}}js/forum_scripts.js" type="text/javascript"></script>
	
    <script type="text/javascript">
	/* atividades a serem executadas junto com o carregamento da pagina */
	window.addEvent('domready', function() {
		$$(".yousure").each(function(el){ el.addEvent('click', function(evt){
			if (!confirm('{% trans "Are you sure?" %}'))
				evt.stop();
			}); 
		});
		
		var notimooManager = new Notimoo();
		{% for message in messages %}
		// msg de notificacao
		notimooManager.show({
			title: '{% trans "Note" %}',
			message: '{{message}}'
		});
		{% endfor %}
	});
    </script>
    
    {# codigos especificos de uma pagina #}
    <script type="text/javascript">{% block js %}{% endblock %}</script>

    <title>{% block title %}Forum BR - Um Fórum feito em Django{% endblock %}</title>

    {% block head %}{% endblock head %}

    </head>

    <body>
        <div id="hidden"></div>
        <div class="container">
            {# ---------- MENU DO USUARIO --------------#}
            <div id="top_menu" class="clear">
				<div class="space">
					<a href="{% url forum-index %}"
						title='{% trans "Check out our beatiful homepage" %}'>
						{% trans "Home" %}</a>

					<a href='{% url forum-search %}'
						title='{% trans "Looking for something?" %}'>
						{% trans "Search" %}</a>

					{% if user.is_authenticated %}

					<a href="{% url auth_logout %}?next={% url forum-index %}"
						title='{% trans "Logout from website" %}'>
						{% trans "Sign Out" %}</a>

					<a href='{% url forum-user-profile user.username %}'
						title='{{user.username}} : {% trans "View your personal data" %}'>
						{{user}}</a>
					
					{% if user.is_staff %}
					: <a href='{% url admin:index %}' title='{% trans "Administrative panel" %}'>Admin</a>
					: <a href='{% url admin:forum_forum_changelist %}'>Forum</a>
					<a href='{% url admin:forum_forumgroup_changelist %}'>ForumGroup</a>
					
					{% block extra-staff-menu %}{% endblock %}
					
					{% endif %}
					
					{% else %}

					<a href="{% url auth_login %}?next={{request.path}}"
						title='{% trans "Authenticate into website" %}'>
						{% trans "Sign In" %}</a>

					<a href="{% url registration_register %}"
						title='{% trans "Register your account" %}'>
						{% trans "Sign Up" %}</a>
					{% endif %}
				</div>
            </div>
            {# ---------- FIM MENU DO USUARIO --------------#}

            <hr />

            <div class="forum-body">
            {% block body %}
            {% endblock body %}
            </div>
        </div>
    </body>
</html>
